<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>源码大数据-首页</title>
		<!-- 1.引入重置样式表 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 2.引入常态化样式表 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 3.引入公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 4.引入swiper样式-->
		<link rel="stylesheet" href="../lib/swiper-bundle.min.css" />
		<!-- 5.引入当前页样式 -->
		<link rel="stylesheet" href="../css/index.css" />
	</head>
	<body>
		<header class="flex-c-sb b-box abs">
			<!-- 
				logo
				1.img直接写logo
				2.支持SEO 在a标签中套一个h1标签，然后给h1
				增加背景图
			 -->
			<a href="#">
				<h1></h1>
			</a>
			<!-- 导航列表 -->
			<ul class="flex-c-c fc-white">
				<li class="active">首页</li>
				<li>API</li>
				<li>案例</li>
			</ul>
			<!-- 按钮 -->
			<div class="fc-white">
				<span><a href="../html/login.html">登录</a> </span>
				<span><a href="../html/register.html">注册有礼</a> </span>
			</div>
		</header>
		<!-- 1.引入util的js -->
		<script src="../js/util.js"></script>
		<!-- 2.引入swiper的js -->
		<script src="../lib/swiper-bundle.min.js"></script>
		<!-- 3.引入当前页的js -->
		<script src="../js/index.js"></script>
	</body>
</html>
